/* ================= CSS Document =========*/
* {
	margin:0;
	padding:0;
	border:1;
}
a {
	outline:none;
	color:#492f92;
}
a:hover {
	outline:none;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	background: #9ec862 url(../images/bg.gif) center repeat-y;
	font-size:12px;
	color:#666666;
	font-size:10px;
}
ul, li
{
	list-style:none;
}
.print-only
{
	height:0px;
	width:0px;
	position:absolute;
	left:-99999px
	text-indent:-9999999px;
	top:-100px;
	display:none;
}
/*============================== Main Wrapper Section =========================================*/

#Main {
	width:990px;
	margin:0 auto;
	padding:0px;
	margin-top:5px;
}
/*============================== Main Header Section =========================================*/

#TopHeader {
	height:50px;
	width:990px;
	padding-bottom:14px;
	background:#fff url(../images/top-bg.gif) no-repeat top;
	position:relative;
}
#TopHeader h1 a
{
	background:url(../images/logo.gif) no-repeat scroll left top transparent;
	clear:both;
	display:block;
	float:left;
	height:40px;
	margin:20px 0 0 28px;
	text-indent:-99999px;
	width:600px;	
}
#TopLink {
	float:right;
	margin-top:30px;
	width:298px;
	position:relative;
}
#TopLink ul
{
	padding:1px 14px 0 0;
}
#TopLink li
{
	float:left;
}
#TopLink a {
	border:medium none;
	color:#231F20;
	font-size:1.2em;
	font-weight:normal;
	margin-left:9px;
	text-decoration:underline;
}
.don-mainsite{
	float:right;
	margin:8px 13px 0 0; 
}
#TopLink a.button
{
	margin-top:6px;
	background:url(../images/green-button-left.gif) no-repeat left top;
	padding:0 0 0 5px;
	display:block;
	font-size:0.9em;
	text-decoration:none;
}
#TopLink a.button span
{
	background:url("../images/green-button-right.gif") no-repeat scroll right top transparent;
	color:#492F92;
	display:block;
	padding:8px 9px 6px 6px;
	text-transform:uppercase;
}

#TopLink a#become-vision{
	background:url("../images/become-vision-parnner.gif") no-repeat scroll left center transparent;
	color:#492F92;
	display:block;
	float:right;
	font-size:1.1em;
	font-weight:bold;
	height:40px;
	margin:19px 0 0;
	padding:5px 0 6px 49px;
	text-decoration:none;
	width:91px;
}


#nav {
	height:20px;
	margin:0px;
	padding:0;
	background-color:#6cb33f;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
/*============================== Top Global Nagigation Section=========================================*/




/*gayan start*/

.mynavbar {
	position: relative;
  width: 100%;
  height: 30px; /* corresponds to 'line-height' of a.navbartitle below23px; */
  margin: 0; border: 0; padding: 0;
  /*background-color: #666633;*/
	background-color: #6cb33f;

}


a.navbartitle {
  display: block; 
  float: left;
  color: white;
  /*background-color:  #666633;*/
   background-color: #6cb33f;
  font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0; border: 0; padding: 0;
  line-height: 30px; /* corresponds to 'top' value of .submenu below 23px*/
  text-align: center;
  text-decoration:none;
}
a.navbartitle:hover {
  background-color: #447755;
}
/* menu title widths */
#t1 { width: 145px; }
#t2 { width: 130px; }
#t3 { width: 102px; }
#t4 { width: 102px; }
#t5 { width: 180px; }
/* We just specify a fixed width for each menu title. Then, down below we specify
    a fixed left position for the corresponding submenus (e.g. #products_submenu, etc.)
    Using these fixed values isn't as elegant as just letting the text of each 
    menu title determine the width of the menu titles and position of the submenus,
    but we found this hardwired approach resulted in fewer cross-browser/cross-OS 
    formatting glitches -- and it's pretty easy to adjust these title widths and the
    corresponding submenu 'left' positions below, just by eyeballing them whenever
    we need to change the navbar menu titles (which isn't often). */

.submenu {
	position:absolute;
  z-index: 2;
  top: 30px; /* corresponds to line-height of a.navbartitle above 23px */
  padding: 0; margin: 0; 
	width:166px; /* If adjust this, then adjust width of .submenu below a too */
	color: white;
	/*background-color:  #666633;*/
	background-color: #6cb33f;
	border: 1px solid #447755; /* box around entire sub-menu */
  font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
	font-size: 12px;
}
/* Fix IE formatting quirks. */
* html .submenu { width: 148px; } /* IE needs narrower than width of .submenu above */
/* End */

/* position of each sub menu */
/* We just eyeball the position of each submenu here -- can move left or right as needed. 
   If you adjust menu title text, you might want to adjust these too. */
#products_submenu {  left: 0px; visibility: hidden;  }
#services_submenu {  left: 145px; visibility: hidden;  }
#funstuff_submenu {  left: 275px; visibility: hidden; }
#aboutus_submenu {  left: 377px; visibility: hidden; }
#contact_submenu { left: 479px; visibility: hidden; }
/* Note, each submenu is hidden when the page loads - then made visible when
    the mouse goes over the menu title. Using the 'visibility' property instead
    of using the 'display' property avoided a bug in some versions of Safari. 
    (The bug is pretty where esoteric: The browser ignored the 'hover' property 
    on 'li' objects inside an object whose display property was set to 'none' 
    when the page loaded...) Using the 'visibility' property instead of 'display'
    would normaly take up extra room on the page, but that's avoided here by putting
    the submenu on a second layer: see 'position: absolute' and 'z-index: 2'
    in .submenu definition, higher up this page. */

.submenu a
{
  display: block;
  color: #eee; 
  /*background-color:  #666633;*/
  background-color: #6cb33f;
  width: 146px; /* This should be width of .submenu above minus right-side padding on next line */
  padding: 5px 0px 4px 20px;
  text-decoration: none;
  /*background-color:  #666633;*/
  background-color: #6cb33f; 
  border-bottom: #447755 dotted 1px; 
  border-top: 0; border-left: 0; border-right: 0;
}


ul { position: relative; display: block; }
li { position: relative; display: block; }

.submenubox { 
  margin: 0; padding: 0; border: 0;
}
.submenubox ul
{
  margin: 0; padding: 0; border: 0;
  list-style-type: none;
}

.submenubox ul li { 
  margin: 0; padding: 0; border: 0;
}

.submenubox ul li a:link { }
.submenubox ul li a:visited { }
.submenubox ul li a:hover
{
  color: #c6e8e2; /* text color for submenu items */
  background-color: #447755;
  border-bottom: #447755 dotted 1px; 
}


























/*gayan fin*/

/*
.global_nav {
	float:left;
	background-color:#6cb33f;
}
.global_nav li {
	float: left;
	list-style: none;
	position:relative;
}
.global_nav li a {
	font-size:1.4em;
	color:#fff;
	text-decoration:none;
	line-height:34px;
	text-align:center;
	display:block;
	width:197px;
}
.global_nav li a:hover {
	color:#fff;
	width:197px;
	text-decoration:none;
}
*/
/*============================== Sharon's fixes for nav on =========================================*/
/*
li.leftnav-on a {
	border-right:1px solid #6DB33F;
	background:url(../images/menuleftright.gif) left bottom no-repeat;
}
li.leftnav-on a:hover, li.leftnav a.select {
	border-right:1px solid #ffffff;
	background:url(../images/menuleftright.gif) left bottom no-repeat;
}
li.rightnav-on a {
	border-left:1px solid #6DB33F;
	background:url(/images/menuleftright.gif) right bottom no-repeat;
}
li.rightnav-on a:hover, li.rightnav a.select {
	border-left:1px solid #ffffff;
	background:url(../images/menuleftright.gif) right bottom no-repeat;
}
*/
/*============================== // Sharon's fixes for nav on =========================================*/
/*
li.leftnav a {
	border-right:1px solid #a497c8;
	background:url(../images/menuleftright.gif) left top no-repeat;
}
li.leftnav a:hover, li.leftnav a.select {
	border-right:1px solid #6DB33F;
	background:url(../images/menuleftright.gif) left bottom no-repeat;
}
li.rightnav a {
	border-left:1px solid #a497c8;
	background:url(../images/menuleftright.gif) right top no-repeat;
}
li.rightnav a:hover, li.rightnav a.select {
	border-left:1px solid #6DB33F;
	background:url(../images/menuleftright.gif) right bottom no-repeat;
}
li.normalnav a {
	background-color: #492f92;
	width:196px;
	border-right:1px solid #a497c8;
	border-left:1px solid #a497c8;
}
li.normalnav a:hover, li.normalnav a.select {
	background-color:#6cb33f;
	width:196px;
	border-right:1px solid #6DB33F;
	border-left:1px solid #6DB33F;
}
.global_nav li ul
{
	display:none;
}
.global_nav li.expand ul
{
	display:block;
	position:absolute;
	top:33px;
	left:0px;
	background:#84BF5E;
	z-index:9999;
}
.global_nav li.expand ul li a
{
	background:#4c348e;
	font-size:1.2em;
}
.global_nav li.expand ul li a:hover
{
	background:#84BF5E;
}

.global_nav li.expand ul li.even a
{
	background:#381f80;
	font-size:1.2em;
}
.global_nav li.expand ul li a:hover
{
	background:#84BF5E;
}

.global_nav li.expand ul li.even a:hover
{
	background:#6cb33f;
}
*/
/*============================== Main Content Area Section=========================================*/

#mainbg {
	width:990px;
	background:url(../images/main-content-repeater.gif) repeat-y top;
}
.bg-bottom {
	background:url(../images/main-content-bottom.gif) bottom left no-repeat;
	padding:0 0 30px 0;
}
.bg-top {
	background:url(../images/main-content-top.gif) top left no-repeat;
	padding:20px 28px 0 28px;
}
/*============================== Left Sidebar Section =========================================*/


.left-menu {
	padding-bottom:15px;
	margin-bottom:15px;
	margin-left:718px;
	color:#261c02;
	font-size:1.2em;
	height:400px;	
}/*
.left-menu ul {
	margin:0;
	padding:15px 25px;
	list-style:none;
}
.left-menu ul li {
	padding:2px 0 2px 0;
}
.left-menu ul li a {
	font-size:1.1em;
}
.left-menu ul li a:hover, .left-menu ul li a.current {
	color:#6CB33F;
}
.left-menu ul li span {
	font-size:1.2em;
	font-weight:bold;
	padding:1px 0 0px 0;
	display:block;
}
.left-menu ul li span .left-menu ul li span {
	color:#6CB33F;
}
*/
/* ==============================================================HOME PAGE =============================*/
.main-content {
	width:625px;
	padding:30px;
	float:left;
}
h2.heading {
	font-size:1.8em;
	margin:10px 0 10px 3px;
	font-weight:bold;
}
.subhead {
	font-size:1.3em;
	color:#261c02;
	line-height:23px;
}
.subhead p {
	margin:0 0 3px;
}
.video {
	padding-right:20px;
}
.video-link {
	background:url(../images/video-link-bg.gif) no-repeat;
	width:142px;
	height:99px;
	padding:10px 3px 12px 3px;
	float:left;
	margin:0 10px 0 0;
}
.quote-videos {
	display:block;
	padding:32px 0 0 4px;
	float:left;
	width:650px;
}
.video-link h3 {
	text-align:center;
	font-size:1em;
	color:#fff;
	padding :0 0 7px 0;
	display:block;
}
.quote {
	color:#492f92;
	font-size:1.4em;
	width:160px;
	float:left;
}
.quote p
{
	margin-bottom:10px;
}
.quote span {
	font-size:11px;
	color:#333333;
	margin-top:3px;
	display:block;
}

/*----------------------------------------------------Inside pages ------------------*/
.main-content.inside {
	padding:0 0 20px 0;
	margin-left:240px;
	color:#261c02;
	position:relative;
}

.inside-links
{
	border-bottom:1px solid #6cb33f;
	height:40px;
	font-size:1.2em;
	position:relative;
}
.bread-crums
{
	padding:14px 0 0 16px;
}
.bread-crums .none
{
	color:#492f92;	
}
.bread-crums .green
{
	color:#6DB33F;	
}
.inside-links a
{
	text-decoration:underline;
}
.inside-links a:hover
{
	text-decoration:none;
}
.inside-links .print-icons
{
	position:absolute;
	right:0px;
	top:13px;
}
.print-icons span
{
	background:url("../images/print-icon.gif") no-repeat scroll left center transparent;
	margin:0 23px 0 0;
	padding:0 0 0 20px;
}

.inside-content
{
	padding:13px 18px 0 18px;
}
.inside-content a
{
	color:#492F92;
}
.inside-content a:hover
{
	text-decoration:underline;
	color:#6db33f;
}
.inside-content h2
{
	font-size:2.4em;
	color:#492f92;
	font-weight:bold;
	padding:5px 0 10px 0;
	margin:0px;
}
.inside-content .content
{
	width:400px;
	font-size:1.2em;
}
.inside-content .content ul.work-partner 
{
	padding:0px 0 20px 0;
}
.inside-content .content ul.work-partner li
{
	background:url("../images/bg-list.gif") no-repeat scroll left 5px transparent;
	margin:10px 0 0 5px;
	padding:0 0 0 15px;
}
.inside-content .content h3.partners
{
	color:#6CB33F;
	font-size:1em;
	font-weight:bold;
	padding:20px 0 10px 4px;
	text-transform:uppercase;
}
.inside-content .content ul.other-links li
{
	background:none repeat scroll 0 0 transparent;
	font-size:0.9em;
	font-weight:bold;
	padding:5px 0 6px 28px;
	color:#492F92;
}
.inside-content .content ul.other-links li a
{
	color:#492F92;
}
.inside-content .content h3.contact
{
	color:#231f20;
	font-size:1.1em;
	margin:20px 0 3px 0;
}
.inside-content .content h3
{
	color:#231f20;
	font-size:1.2em;
	padding:20px 0 10px 0;
}
.inside-content .content ul.contact-locations
{
	margin:5px 0 5px 0;
}
.inside-content .content p
{
	line-height:18px;
	margin:5px 0 10px 0;
}
.inside-content .content ul.contact-locations li
{
	background:url("../images/list-contact.gif") no-repeat scroll left 5px transparent;
	padding:2px 0 2px 15px;
}
.inside-content .content ul.contact-locations li a
{
	color:#231f20;
	text-decoration: underline;
}
.inside-content .content h3.employer
{
	font-size:1em;
	color:#492f92;
	margin:10px 0 10px 0;
}
.inside-content .content h3.employer a
{
	font-size:1em;
	color:#492f92;
	font-weight:bold;
}
.inside-content .content ul.employer-list li
{
	background:url("../images/list-employer-services.gif") no-repeat scroll left 5px transparent;
	padding:2px 0 2px 15px;
}
.inside-content .content ul.client-list li
{
	background:url("../images/list-client-services.gif") no-repeat scroll left 5px transparent;
	padding:2px 0 2px 15px;
}
.inside-content .content ul.employer-list li a
{
	color:#231f20;
	text-decoration: underline;
}
.inside-content .content h3.footer
{
	font-size:1em;
	color:#492f92;
	margin:10px 0 10px 0;
}
.inside-content .content ul li
{
	background:url("../images/list-client-services.gif") no-repeat scroll left 5px transparent;
	padding:2px 0 2px 15px;
}
.inside-content .content ul li a
{
	color:#231f20;
	text-decoration: none;
}
.inside-content .content ul.list-client-services
{
	padding:10px 0 0 0;
}
.inside-content .content ul.list-client-services li
{
	background:url("../images/list-client-services.gif") no-repeat scroll left 5px transparent;
	padding:2px 0 2px 15px;
	margin:8px 0 2px 10px;
}
.inside-content .content ul.list-client-services li a,
.inside-content .content ul.list-client-services li 
{
	color:#492f92;
	font-weight:bold;
}
.inside-content .content ul.list-client-services li a:hover,
.inside-content .content ul.list-client-services li 
{
	color:#6DB33F;
	font-weight:bold;
}
.main-content .inside-page-quote
{
	position:absolute;
	right:0;
	top:90px;
	width:190px;
	z-index:99999;
}

.main-content .inside-page-quote .quote {
	color:#492F92;
	font-size:1.4em;
	line-height:25px;
	font-style:italic;
	width:130px;
}
.main-content .inside-page-quote p
{
	clear:left;
	margin:0px 0 10px 0;
	font-size:1.1em;
	line-height:18px;
}
.inside-page-image
{
	background:url("../images/subpage-photo/service-locations.png") no-repeat scroll 0 0 transparent;
	height:298px;
	position:absolute;
	right:0px;
	top:210px;
	width:201px;
	z-index:99999;
}
.employment-services .inside-page-image
{
	background:url("../images/subpage-photo/employer-services.gif") no-repeat scroll 0 0 transparent;
}
.applying-for-jobs .inside-page-image
{
	background:url("../images/subpage-photo/applying-for-jobs.gif") no-repeat scroll 0 0 transparent;
}
.career-planning .inside-page-image
{
	background:url("../images/subpage-photo/career-planning.gif") no-repeat scroll 0 0 transparent;
}

.client-services .inside-page-image
{
	background:url("../images/subpage-photo/client-services.gif") no-repeat scroll 0 0 transparent;
}

.coworker-training .inside-page-image
{
	background:url("../images/subpage-photo/coworker-training.gif") no-repeat scroll 0 0 transparent;
}

.job-maintenance .inside-page-image
{
	background:url("../images/subpage-photo/job-maintenance.gif") no-repeat scroll 0 0 transparent;
}

.job-seeking-skills .inside-page-image
{
	background:url("../images/subpage-photo/job-seeking-skills.gif") no-repeat scroll 0 0 transparent;
}

.service-locations .inside-page-image
{
	background:url("../images/subpage-photo/service-locations.gif") no-repeat scroll 0 0 transparent;
}

.technology-funding .inside-page-image
{
	background:url("../images/subpage-photo/technology-funding.gif") no-repeat scroll 0 0 transparent;
}
.workplace-assessments .inside-page-image
{
	background:url("../images/subpage-photo/workplace-assessments.gif") no-repeat scroll 0 0 transparent;
}

.work-partner .inside-page-image {
	background:url("../images/subpage-photo/work-partner.gif") no-repeat scroll 0 0 transparent;
	height:340px;
	position:absolute;
	right:0;
	top:158px;
	width:265px;
	z-index:99999;
}
.contact .inside-page-image {
	background:url("../images/subpage-photo/contact-template.gif") no-repeat scroll 0 0 transparent;
	height:340px;
	position:absolute;
	right:0;
	top:158px;
	width:265px;
	z-index:99999;
}

/*============================== footer Section =========================================*/

#footer {
	height:40px;
	width:990px;
	margin:0px auto;
	color:#231f20;
	font-size:1.1em;
	display:block;
	text-align:center;
	padding:14px 0 0;
}
.footerleft {
	width:400px;
	height:40px;
	float:left;
	margin-left:150px;
}
#footer a {
	text-decoration: underline;
	color:#231f20;
	float:left;
	margin-left:10px;
}
#footer a:hover {
	text-decoration:none;
	color:#492F92;
}
#footer .share-icon {
	float:left;
	display:block;
	background:url(../images/share-icon.png) no-repeat left top;
	width:140px;
	height:20px;
	margin:10px 0 0 30px;
}

#socialBookmarks {
	float:left;
	font-size:1em;
	margin:0;
	width:200px;
}
#socialBookmarks ul
{
	color:#333;
	display:inline;
	font-size:1.1em;
	font-weight:bold;
	list-style:none;
}
#socialBookmarks a
{
	margin:0px;
}